
.addTabPage {
  cursor: pointer
}

.iframe-ios {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

#page-loading {
  position: fixed;
  top: 48%;
  left: 48%;
  z-index: 9999999999;
  min-width: 125px;
  margin-left: -50px;
  margin-top: -30px;
  padding: 7px 7px 7px 33px;
  text-align: center;
  vertical-align: middle;
  color: #333;
  font-size: 13px;
  border: 1px solid #dedede;
  background: #fbfbfb url("../images/loading.gif") no-repeat 5px center;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  box-shadow: 0 1px 8px rgba(0,0,0,0.1)
}

#page-loading em {
  position: absolute;
  cursor: pointer;
  right: 1px;
  top: 2px;
  line-height: 8px;
  font-style: normal;
  color: #666;
  display: none
}

#page-loading-top {
  background: #f3565d;
  position: fixed;
  left: 0;
  top: 0;
  width: 5%;
  height: 2px;
  z-index: 99999
}

#scroll-up {
  border-width: 0;
  position: fixed;
  right: 2px;
  z-index: 99;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  opacity: 0;
  filter: alpha(opacity=0);
  bottom: -24px;
  visibility: hidden;
  background-color: #aaa;
  color: #fff;
  font-size: 14px
}

#scroll-up.display {
  opacity: .7;
  filter: alpha(opacity=70);
  bottom: 2px;
  visibility: visible
}

#scroll-up:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

#scroll-up:focus {
  outline: 0
}

.ui-jqgrid-htable thead tr,.ui-jqgrid-hdiv,.jqgrid-rownum {
	vertical-align: middle;
	border-left: 1px solid #ddd
}

.ui-jqgrid-htable thead tr,.ui-jqgrid-hdiv,.ui-jqgrid-hbox {
	background-color: #f5f6fa
}
.layui-layer-btn .layui-layer-btn0{
  color: #fff !important;
}

@media (max-width: 575px) {
  .pagination li:not(.active):not(.disabled):not(:first-child):not(:last-child),
  .pagination_pager-detail{
      display:none;
  }
}

.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-0.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("")!important}#toast-container>.toast-error{background-image:url("")!important}#toast-container>.toast-success{background-image:url("")!important}#toast-container>.toast-warning{background-image:url("")!important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}#toast-container .rtl .toast-close-button{left:-0.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}#toast-container .rtl .toast-close-button{left:-0.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}

.toast {
  background-position: 15px center /*rtl:calc(100% - 15px) center*/ !important;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  border: 0; }
  .toast .toast-close-button {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    outline: none !important;
    font-size: 0;
    content: " "; }
    .toast .toast-close-button:before {
      content: ""; }
    .toast .toast-close-button:before {
      font-size: 0.9rem; }
  .toast .toast-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.25rem; }
  .toast .toast-message {
    font-size: 0.9rem; }

    
    #toast-container > div:hover {
      -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.125);
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.125); }
    
.toast-success {
  background-color: #10b759;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

.toast-warning {
  background-color: #ffc107;
  color: #111111;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

.toast-info {
  background-color: #00b8d4;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

.toast-error {
  background-color: #dc3545;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

.toast-secondary {
    background-color: #7987a1;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.toast-light {
    background-color: #f4f5f8;
    color: #3b4863;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.toast-dark {
    background-color: #3b4863;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

.form-horizontal .form-group{
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  margin-right: 6px;
}
.form-error {
      float: right;
      padding-top: 5px;
      color: #dc3545;
      display: none;
}
.input-group-append-validCode{
	position: absolute;
	right: 3px;
	top: 7px;
	z-index:100;
}
.card-header .btn-xs{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.card-header .btn-xs i,.card-header .btn-xs svg{
  margin-right: 3px;
  margin-top: -4px !important
} 
.card-content-fixed{
	min-height: calc(100vh - 110px);
}
.tabpanel_mover li .title i {
  font-size: 14px;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 3px;
}
.tabpanel_tab_content{
	background-color: #fff;
}
.tabpanel_mover li {
	padding: 1px 16px 2px 3px;
	margin: 6px 0 6px 6px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	box-shadow: 0 0 8px #e0e0e0;
	background: #fff;
	box-shadow: 0 0 5px #e6e6e6
}

.tabpanel_mover li.active {
	background-color: #0168fa
}

.tabpanel_mover li.active div {
	color: #fff
}

.tabpanel_mover li .closer {
	font: 6px/1 LineAwesome;
	top: 6px;
	right: 2px;
	background: 0;
	opacity: .8
}

.tabpanel_mover li .closer:before {
	content: "\f191"
}

.tabpanel_mover li .closer:hover {
	background: 0
}

.tabpanel_tab_content {
	border-bottom-color: #eee
}
.nav.nav-tabs.nav-card{
	border:0px;
}
.nav.nav-tabs.nav-card .nav-link{
	border:0px;
	border-radius: 0px;
	height: 26px;
}
.nav.nav-tabs.nav-card .nav-link.active{
	background-color: #0168fa;
	color: #fff;
}
.jqgrow .custom-checkbox .custom-control-label:empty::before, .custom-checkbox .custom-control-label:empty::after, .custom-radio .custom-control-label:empty::before, .custom-radio .custom-control-label:empty::after, .custom-switch .custom-control-label:empty::before, .custom-switch .custom-control-label:empty::after{
	left: -20px;
}
.jqgrow .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after, .custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after, .custom-switch .custom-control-label::before, .custom-switch .custom-control-label::after{
	top: 10px;
}
.box-header{
	height: 40px;
	padding: 5px 10px 5px 10px;
}
.box-header.fixed{
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	background: #fff; 
}
.box-header.fixed+form,
.box-header.fixed+.form{
	margin-top: 45px;
}
.my-table td:last-child{
	border-right: 0px;
}